<template>
  <div>
    <div class="NotLogin">
      <p class="NotLogin_top" style="background: none">
        CNode：Node.js专业中文社区
      </p>
      <p class="NotLogin_login">
        您可以 <router-link to="/signin">登录</router-link> 或
        <router-link to="/register">注册</router-link> , 也可以
      </p>
      <el-button
        style="margin-left: 10px; margin-bottom: 14px"
        type="primary"
        plain
        >通过 GitHub 登录</el-button
      >
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
  mounted() {},
};
</script>

<style>
.NotLogin {
  width: 290px;
  background: #ffffff;
  border-radius: 3px;
  margin-bottom: 13px;
}
.NotLogin_top {
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  background: #f5f5f5;
  margin-bottom: 14px;
  font-size: 14px;
  color: #444;
}
.NotLogin_login {
  font-size: 13px;
  color: rgb(76, 52, 90);
  margin-bottom: 10px;
  padding-left: 10px;
}
.NotLogin_login a:hover {
  text-decoration: underline;
}
</style>